<script>
  import RetroGrid from "../RetroGrid.svelte";
</script>

<div
  class="relative flex size-full md:max-w-[80%] items-center justify-center overflow-hidden rounded-lg border bg-background p-20 md:shadow-xl"
>
  <span
    class="pointer-events-none z-10 whitespace-pre-wrap bg-gradient-to-b from-[#ffd319] via-[#ff2975] to-[#8c1eff] bg-clip-text text-center text-7xl font-bold leading-none tracking-tighter text-transparent"
  >
    Retro Grid
  </span>

  <RetroGrid />
</div>
